<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Optiscroll Tests</title>
    <link rel="stylesheet" href="resources/qunit.css">


    <link rel="stylesheet" href="../dist/optiscroll.css">
    <script src="../dist/optiscroll.js"></script>

    <style type="text/css">
      #qunit-fixture {
        position: fixed;
        top: auto;
        left: auto;
        right: 5px;
        bottom: 5px;
        width: auto;
        height: auto;
      }

      .optiscroll {
        width: 100px;
        height: 100px;
      }

      .optiscroll-content .test {
        width: 200px;
        height: 200px;
        background: #157E57;
      }

      .test-child {
        position: absolute;
        top: 100px;
        left: 100px;
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
        background: #1E1;
      }

    </style>
  </head>
  <body>
    <div id="qunit"></div>

    <div id="qunit-fixture">

      <div id="os" class="optiscroll">
        <div class="test"><b class="test-child"></b></div>
        <!-- Comment node -->
        <script type="text/javascript">// node </script>
      </div>

    </div>

    <script src="resources/jquery.min.js"></script>
    <script src="resources/syn.js"></script>
    <script src="resources/qunit.js"></script>
    <script>var os, os2;</script>
    <script src="test.base.js"></script>
    <script src="test.api.js"></script>
    <script src="test.scrollbars.js"></script>
    <script src="test.events.js"></script>
  </body>
</html>
